<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>HTML Structure</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <!--    <link rel="stylesheet" href="../misc/site.css" media="all" type="text/css" /> -->

</head>

<body>
    <noscript>Show this when script cannot run.</noscript>
    <div>
        <h1>HTML Structure</h1>
        <p>Paragraph</p>

        <ol>
            <li>Ordered List Item #1</li>
            <li>Ordered List Item #2</li>
        </ol>
        <ul>
            <li>Unordered List Item #1</li>
            <li>Unordered List Item #2</li>
        </ul>
        <dl>
            <dt>Definition Term #1</dt>
            <dt>Definition Term #2</dt>
            <dd>Definition Data #1</dd>
            <dd>Definition Data #2</dd>
        </dl>

        <table>
            <caption>Table Caption</caption>
            <colgroup>
                <col />
                <col />
            </colgroup>
            <thead>
                <tr>
                    <td>row1-col1</td><td>row1-col2</td>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td>row3-col1</td><td>row3-col2</td>
                </tr>
            </tfoot>
            <tbody>
                <tr>
                    <td>row2-col1</td><td>row2-col2</td>
                </tr>
            </tbody>
        </table>

        <form id="form1" method="post" action="http://www.tipjar.com/cgi-bin/test">
            <input type="hidden" title="input hidden" name="hidden" value="Secret" />

            <input id="radio1" name="radios" type="radio" value="radio-value 1" checked="checked" />
            <label for="radio1">Radio1</label>

            <input id="radio2" name="radios" type="radio" value="radio2-pushed" />
            <label for="radio2">Radio2</label>

            <input id="xbox1" name="xbox" type="checkbox" value="xbox1" checked="checked" />
            <label for="xbox1">Checkbox1</label>

            <label for="inputtext">Input-text</label>
            <input id="inputtext" name="Input-text" type="text" value="Type here" size="14" />

            <label for="select1">Select</label>
            <select id="select1" name="select" size="2">
                <option selected="selected" value="item #1">Item #1</option>
                <option                     value="item #2">Item #2</option>
            </select>

            <label for="textarea">Textarea</label>
            <textarea id="textarea" name="Text-Area" rows="2" cols="10">TextArea</textarea>

            <input type="submit" id="submit1" name="Submit-1" value="Submit" />
            <input type="reset"  id="reset1"  name="Reset-1"  value="Reset" />
            <button type="submit" id="button1" name="Button-1" value="Button #1">Button</button>
        </form>
        <div>Division within a Division <a id="link1" href="misc/left.html">Link</a>
            <img src="misc/left-right.gif" width="20" height="20" usemap="#map1" alt="alt text" />
            <map id="map1" name="map1">
                <area href="misc/left.html" alt="left" shape="rect" coords="0,0,10,20" />
                <area href="misc/right.html" alt="right" shape="rect" coords="10,0,20,20" />
            </map>

            <span>span</span>
            <em>em</em>
            <strong>strong</strong>
            <cite>cite</cite>
            <code>code</code>
            <kbd>kbd</kbd>
            <samp>samp</samp>
            <var>var</var>
            <acronym>acronym</acronym>
            <abbr>abbr</abbr>
            <dfn>dfn</dfn>
            <sub>sub</sub>
            <sup>sup</sup>
            <bdo dir="rtl">backwards</bdo>
            <br />

            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
                codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
                width="400" height="50" id="cssdesignpatterns" align="middle">

                <param name="movie" value="misc/cssdesignpatterns.swf" />

                <object type="application/x-shockwave-flash" data="misc/cssdesignpatterns.swf"
                    width="400" height="50">
                    <param name="movie" value="movie.swf" />
                    <img src="misc/cssdesignpatterns.gif" alt="cssdesignpatterns.com" />
                </object>

            </object>
        </div>

        <address>anon@example.com</address>
    </div>

</body>
</html>


